@import "../../../common-base/css/common.less";
input, textarea {
  -webkit-user-select: auto !important;
  -khtml-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  -o-user-select: auto !important;
  user-select: auto !important;
  resize: none;
}

.ques-naire-head {
  position: relative;
  background: #fff;
  background: #f9f9f9;
  border-bottom: 1px dotted #e8e8e8;
  height: 119px;

  .ques-naire-head-block {
    padding: .25rem .5rem;
    box-sizing: border-box;
    padding: 16px;

    .ques-naire-head-block-title {
      margin: .25rem 2rem .25rem 0;
      font-size: .7rem;
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 20px;
    }

    .ques-naire-head-block-des {
      margin: .25rem 0 .5rem;
      font-size: 14px;
    }

    .ques-naire-head-block-date {
      font-size: .55rem;
      color: #808695;
      line-height: .9rem;
      pointer-events: none;
      font-size: 14px;
    }

    .ques-naire-head-block-copy {
      float: right;
      display: inline-block;
      margin-top: -1.34rem;
      position: relative;
      z-index: 111;

      p {
        &.btn-copy-text {
          padding: .25rem .5rem;
          background: #e9ecf0;
          color: #17233d;
          border-radius: 1rem;
          font-size: .55rem;
        }

        .fa {
          margin-right: .25rem;
        }
      }
    }

    .ques-naire-head-block-attach-isshow {
      position: absolute;
      bottom: 0rem;
      right: .5rem;
      color: #4395ff;
    }

    .ques-naire-head-block-attach-file {
      display: inline-block;
      bottom: .8rem;
      color: #638bbe;
      margin-right: .4rem;
    }

    .fa {
      margin-right: .25rem;
    }
  }
}

.ques-naire-head-state {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  font-size: .6rem;
  height: 1rem;
  width: 2.5rem;
  background-size: contain;
}

.ques-naire-head-state-end {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #808695;
  position: absolute;
  right: 0;
  top: 0;
  font-size: .6rem;
  height: 1.05rem;
  width: 3rem;
  background-size: cover;
}

.ques-naire-head-block-title, .ques-naire-head-block-date {
  position: relative;
  margin: .3rem 0;
  box-sizing: border-box;
}

.ques-wrapper {
  padding: 0;
}

.ques-naire-content {
  font-size: .6rem;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  background: #ffffff;
  border: 1px solid #e1e1e1 !important;
  box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;

  .grid-ul {
    min-height: auto;
  }

  .grid-bar {
    box-shadow: none;
    bottom: 0;
    background: #ffffff;
    z-index: 101;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }

  .ques-card-err {
    -webkit-animation: animations 2s ease-out forwards infinite;
    -moz-animation: animations 2s ease-out forwards infinite;
    animation: animations 2s ease-out forwards infinite;
  }

  .ques-card {
    padding: 10px 0 5px;

    .ques-card-title {
      display: flex;
      font-size: .7rem;
      font-size: 16px;

      .ques-card-title-idx {
        text-align: center;
        width: 10%;
        line-height: 1.45rem;
        margin-top: .2rem;
        padding-left: .5rem;
        line-height: 28px;
        width: 6%;

        &.isrequire {
          &:before {
            content: '*';
            color: #ed4014;
            margin-left: -8px;
            margin-right: 2px;
            margin-top: 0;
            vertical-align: middle;
            font-size: 16px;
          }
        }
      }

      .ques-card-title-text {
        width: 90%;
        font-weight: 600;
        margin-top: .25rem;
        margin-bottom: .35rem;

        p {
          &:last-child {
            font-size: .65rem;
            margin-top: .25rem;
          }
        }
      }
    }

    .ques-card-meta {
      padding: .25rem .75rem .25rem 1rem;
      color: #888888;
      font-size: .55rem;
      margin-left: 5%;
      font-size: 14px;
    }
  }

  &.nofoot {
    .grid-list-box {
      height: 100% !important;
    }
  }
}

@-webkit-keyframes animations {
  0% {
    box-shadow: 0 0 1px 0px #e4a1a1;
  }

  50% {
    box-shadow: 0 0 5px 0px #e86060
  }

  100% {
    box-shadow: 0 0 1px 0px #e4a1a1;
  }
}

@-moz-keyframes animations {
  0% {
    box-shadow: 0 0 1px 0px #e4a1a1;
  }

  50% {
    box-shadow: 0 0 5px 0px #e86060
  }

  100% {
    box-shadow: 0 0 1px 0px #e4a1a1;
  }
}

@keyframes animations {
  0% {
    box-shadow: 0 0 1px 0px #e4a1a1;
  }

  50% {
    box-shadow: 0 0 5px 0px #e86060
  }

  100% {
    box-shadow: 0 0 1px 0px #e4a1a1;
  }
}

.ques-naire-content {
  .ques-card {
    background: #fff !important;
    border-bottom: .3rem solid #f8f8f8;
    padding: 0;
    width: auto;
    color: #515a6e;
    padding-bottom: .5rem;
  }
}

.ques-card-title-text {
  p {
    &:nth-of-type(1) {
      display: flex;
      justify-content: space-between;
    }
  }
}

.ques-opt-num {
  margin: 0 0 0 .5rem;
  display: inline-block;
  width: 2.7rem;
  text-align: right;
}

.mint-cell-value {
  height: 2rem;
  width: 100%;
  display: block;

  input {
    &.mint-field-core {
      border: 0.05rem solid #dddddd;
      padding: .35rem .25rem;
      cursor: pointer;
      position: relative;
      -webkit-user-select: text !important;
      z-index: 100;
      background: #fefefe;
      -ms-line-height: 40px;
    }
  }

  .mint-field-clear {
    position: absolute;
    right: 1.6rem;
  }

  &.is-link {
    margin: 0;
    line-height: 20px;
  }
}

.mint-checklist-title {
  margin: 0;
  margin-top: .3rem;
  font-size: .55rem;
  padding: 0 .75rem;
}

.mint-cell .mint-cell-wrapper, .mint-cell {
  background-image: none !important;
  min-height: 2rem;
  line-height: 2rem;
}

.mint-cell {
  width: calc(~'~"100% - 6%"');
  padding: 0 8px;
  box-sizing: border-box;
  margin-left: 5%;
  flex: auto;
  font-size: 14px;

  &:last-child {
    border: none;
  }

  .mint-cell-wrapper {
    padding: 5px 0;
  }

  .mint-field {
    .mint-cell-value {
      height: auto;
    }
  }
}

.ques-progress {
  width: 3rem;
  height: .4rem;
  top: 2rem;
  right: 3rem;
  position: absolute;
  background: #f3f3f3;
  border-radius: .15rem;

  .mt-progress {
    height: auto;
  }
}

.mt-progress {
  .mt-progress-progress {
    margin-top: 0;
    height: .4rem !important;
    transform: translate(0, 0);
    border-radius: .15rem 0 0 .15rem;

    &:before {
      content: '';
      position: absolute;
      background: #15c8aa;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      animation: progress-active 2s ease-in-out;
      border-radius: .15rem 0 0 .15rem;
    }
  }

  .mt-progress-runway {
    background: #fff;
    display: none;
  }
}

.ques-res-groupname {
  display: block;
  color: #808695;
  font-size: .55rem;
  padding-left: .3rem;
}

.ques-res-opt {
  position: relative;
  height: 2.7rem;
  border-bottom: 1px solid #e8e8e8;

  &:last-child {
    border: none;
  }
}

.ques-res-opt-detail {
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ques-res-opt-icon {
  margin: 0 .5rem;
  box-sizing: border-box;
  display: inline-block;
  background-color: #fff;
  border-radius: 100%;
  position: relative;
  width: .9rem;
  height: .9rem;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-right: .25rem;

  &.ques-res-opt-icon-checkbox {
    border-radius: .15rem;

    .fa {
      display: none;
    }
  }

  &.ques-res-opt-icon-checkbox-checked {
    .fa {
      display: block;
    }
  }
}

.ques-res-opt-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .65rem;
  color: #515a6e;
}

.ques-res-opt-num {
  width: 25%;
  text-align: right;
  margin: 0 .5rem;
}

/* Ã¯Â¿Â½Ã¯Â¿Â½Ã©Å¡â€ Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¯Â¿Â½Ã¥Â½â€¢Ã¥ÂÂ¤Ã©â€Å¡ */
.ques-res-opt-icon-radio-checked {
  box-sizing: border-box;
  border: .27rem solid #15c8a9;
}

.ques-res-opt-icon-checkbox-checked {
  background-color: #15c8a9 !important;
  border-color: #15c8a9 !important;
  color: #fff;
}

.ques-res-opt-icon-checkbox {
  .fa {
    margin: .15rem .15rem 0;
    vertical-align: middle;
    font-size: .5rem;
  }
}

.ques-res-opt-checked-icon {
  border: 6px solid #ccc;
  border-color: #15c8a9;
}

.mint-checkbox-input {
  & + .mint-checkbox-core {
    border-radius: 2px;
    width: 18px;
    height: 18px;
  }

  &:checked {
    & + .mint-checkbox-core {
      background-color: #26a2ff !important;
      border-color: #26a2ff !important;
    }
  }
}

.mint-radio-input {
  &:checked {
    & + .mint-radio-core {
      background-color: #ffffff !important;
      border-color: #26a2ff !important;

      &::after {
        background: #26a2ff;
        width: 10px;
        height: 10px;
        top: 4px;
        left: 4px;
      }
    }
  }
}

.icon-must {
  color: red;
  vertical-align: middle;
}

.is-fixed {
  .grid-bar {
    display: none;
  }

  .mint-loadmore-content {
    transform: none !important;
  }
}

/* .is-fixed .mint-popup-bottom{margin-bottom:2rem;} */
.mint-radio, .mint-checkbox {
  position: relative;
}

.mint-radio-input, .mint-checkbox-input {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  opacity: 0;
  z-index: 11;
}

.mint-radio-label, .mint-checkbox-label {
  pointer-events: none;
}

.mint-radiolist-label {
  &.isrequire {
    &:before {
      content: '*';
      color: #ed4014;
      vertical-align: middle;
      font-size: .75rem;
      position: absolute;
      top: 1.9rem;
      left: 0;
    }
  }
}

.mint-radio-label {
  & ~ input {
    display: block;
    border: 0.05rem solid #dddddd;
    padding: .35rem .25rem;
    cursor: pointer;
    position: relative;
    -webkit-user-select: text !important;
    z-index: 100;
    background: #fefefe;
    width: 90%;
  }
}

.mint-radiolist .mint-cell-value, .mint-checklist .mint-cell-value {
  width: auto;
}

.yyt-input, textarea, .mint-field-core, .mint-cell-value input.mint-field-core, .mint-cell-value.is-link, .mint-radio-label ~ input {
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  padding: 6px 5px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  color: #515a6e;
  background-color: #fff;
  background-image: none;
  position: relative;
  min-height: 30px;
  cursor: text;
  outline: 0;
  -webkit-transition: border .2s ease-in-out, background .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  transition: border .2s ease-in-out, background .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
  transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.yyt-input:hover:not(:disabled):not([readonly]), textarea:hover:not(:disabled):not([readonly]) {
  border-color: #57a3f3;
}

.yyt-input:focus, textarea:focus, .mint-cell-value input.mint-field-core:focus, .mint-field-core:focus, .mint-cell-value.is-link:focus, .mint-radio-label ~ input:focus {
  border-color: #57a3f3;
  -webkit-box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
  box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
}

.yyt-input:focus[readonly], textarea:focus[readonly], .mint-cell-value input.mint-field-core:focus[readonly] {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #dcdee2;
  cursor: inherit;
}

html {
  font-size: 14px;
}

body {
  min-width: auto;
}

.wrapper {
  background: #f2f4f7;

  &.bg-1 {
  }

  &.bg-2 {
    height: 100%;
  }
}

.ques-naire-content .ques-card .ques-card-title .ques-card-title-text, .ques-naire-content .ques-card .ques-card-title .ques-card-title-text p:last-child {
  font-size: 16px;
  line-height: 22px;
  padding-right: 10px;
}

.ques-naire-head-state, .ques-naire-head-state-end {
  font-size: 12px;
  white-space: nowrap;
  height: 33px;
  width: 66px;
  background-size: 100%;
}

.mint-field-core {
  flex: auto;
}

.mint-field {
  .mint-cell-value {
    height: auto;
  }
}

.grid-list-box {
  height: calc(~'~"100% - 170px"') !important;
}

.grid-bar {
  .bar-btn {
    &.bar-btn-success {
      height: 36px;
      line-height: 36px;
      width: 150px;
      margin-top: 8px;
      background: #3aa4e5;
      border-color: #3aa4e5;
    }

    &:hover {
      opacity: .8;
    }

    &.bar-btn-close {
      background: #ffffff;
      border-color: #ccc;
      color: #555555;
    }
  }
}

.disabled-line {
  input {
    background-color: #f1f1f1 !important;
  }
}

.yyt-modal-header {
  h4 {
    font-size: 21px;
  }
}

.mint-radiolist-label,
.mint-checklist-label {
  cursor: pointer;
}

.ui-form-item {
  zoom: 1;
  margin: 10px auto;
  width: fit-content;

  &:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
  }

  select {
    vertical-align: middle;
    margin: 4px 0 0;
  }

  input {
    vertical-align: middle;
  }

  .ui-input {
    font-size: 12px;
    color: #6c6c6c;
    vertical-align: middle;
    *vertical-align: -5px;
  }
}

.ui-input {
  width: 190px;
  padding: 8px 9px;
  line-height: 18px;
  border: 1px solid #ddd;
  color: #595959;
  font-size: 12px;
}

.ui-input:hover, .ui-textarea:hover, .ui-input-hover {
  border: 1px #ccc solid;
}

.ui-input:focus, .ui-textarea:focus, .ui-input-focus {
  border: 1px #54abdb solid;
  color: #595959;
}

img#captcha_img {
  margin: 4px;
  cursor: pointer;
  width: 115px;
  height: 38px;
  vertical-align: middle;
}

.captcha-tip {
  display: none;
  color: red;
  margin-left: 50px;
}

.green-theme{
  .ques-naire-head{
    background: url("../../../pages/images/ques-unfinish-head.png") 100% no-repeat;
    background-size: cover;
    .ques-naire-head-state{
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      background: #FF926B;
      border-radius: 100px 0px 0px 100px;
      margin-top: 20px;
    }
    .ques-naire-head-state-end{
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      background: @darker-green;
      border-radius: 100px 0px 0px 100px;
      margin-top: 20px;
    }
    &.is-finish{
      background: url("../../../pages/images/ques-finish-head.png") 100% no-repeat;
      background-size: cover;
    }
    &.not-start{
      background: url("../../../pages/images/ques-notstart.png") 100% no-repeat;
      background-size: cover;
      .ques-naire-head-state-end{
        background: #A3A4A6;
      }
    }
  }
  .mint-radio-input:checked + .mint-radio-core{
    background-color: #ffffff !important;
    border-color: @darker-green !important;
    &:after{
      background: @darker-green;
    }
  }
  .yyt-input:focus, textarea:focus, .mint-cell-value input.mint-field-core:focus, .mint-field-core:focus, .mint-cell-value.is-link:focus, .mint-radio-label ~ input:focus{
    border-color: @darker-green;
    outline-color: unset;
  }
  .mint-checkbox-input:checked + .mint-checkbox-core{
    background-color: @darker-green !important;
    border-color: @darker-green !important;
  }
  .grid-bar .bar-btn.bar-btn-success{
    background-color: @darker-green;
    border-color: @darker-green;
  }
}